<?php /* Smarty version Smarty-3.1.14, created on 2015-01-16 20:49:18
         compiled from "clientapi/tpl/video/player.html" */ ?>
<?php /*%%SmartyHeaderCode:76987312754b87dec52fb41-29320229%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'cc7e050eb716640154aa37dcc9b62b6e91f7f248' => 
    array (
      0 => 'clientapi/tpl/video/player.html',
      1 => 1421412490,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '76987312754b87dec52fb41-29320229',
  'function' => 
  array (
  ),
  'version' => 'Smarty-3.1.14',
  'unifunc' => 'content_54b87dec58fd78_59675890',
  'variables' => 
  array (
    'web_host' => 0,
    'video_name' => 0,
    'web_domain_url' => 0,
    'web_domain_aac' => 0,
    'video_time' => 0,
    'item_info' => 0,
  ),
  'has_nocache_code' => false,
),false); /*/%%SmartyHeaderCode%%*/?>
<?php if ($_valid && !is_callable('content_54b87dec58fd78_59675890')) {function content_54b87dec58fd78_59675890($_smarty_tpl) {?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1" > -->
<link  type="text/css" rel="stylesheet" href="<?php echo $_smarty_tpl->tpl_vars['web_host']->value;?>
/common/clientapi/css/player.css" >
<title>html5电子白板播放器V2.1</title>
<script>
var site_url = "<?php echo $_smarty_tpl->tpl_vars['video_name']->value;?>
";
var url_domain = "<?php echo $_smarty_tpl->tpl_vars['web_domain_url']->value;?>
";
var aac_domain = "<?php echo $_smarty_tpl->tpl_vars['web_domain_aac']->value;?>
";
var video_time = "<?php echo $_smarty_tpl->tpl_vars['video_time']->value;?>
";
var item_info = "<?php echo $_smarty_tpl->tpl_vars['item_info']->value;?>
";
var web_url = "<?php echo $_smarty_tpl->tpl_vars['web_host']->value;?>
/common/clientapi/images/";
var aac_html_url = site_url + "/audio.aac";
</script>
<script type="text/javascript">
	function sound(){
		 var music = document.getElementById("audio");
		 music.play();
		 music.pause();
		 //ontouchstart="sound()"
	} 
</script>
</head>
<body>
<!-- <div id="title">html5电子白板播放器V2.0</div> -->
<div class="wrap">
<canvas id="myCanvas"  width="1024" height="693" >浏览器不支持</canvas>
<div id="menu">
	<div class="page_back"></div>
	<div id="play" class="play"  title="播放"></div>
	<div id="timeline"><div id="current-time"><i></i></div></div>
	<div id="time-view">
		<div id="time_now_l" class="time_now_left"><span id="h">00</span>:<span id="m">00</span>:<span id="s">00</span></div>
		<div id="no_need">/</div>
		<div id="total-time"><?php echo $_smarty_tpl->tpl_vars['video_time']->value;?>
</div>
	</div>
</div>
</div>
<audio controls="controls" id="audio" style="display:none;">
	
</audio>
<div id = "item_info"><i id="back_button"></i><span id="video_info"></span></div>
<div id="wait_min"></div>
<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['web_host']->value;?>
/common/libs/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['web_host']->value;?>
/common/libs/fastclick.js"></script>
<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['web_host']->value;?>
/common/libs/player.js"></script>

<script type="text/javascript">
$(function(){
	 $("body").one("click", function(){
	    sound();
	 });
	 $("#item_info").hide();
	 $("#wait_min").hide();
	 FastClick.attach(document.body);
	 if($(window).width()<1000){
		$("#item_info").show();
		$("#video_info").html(item_info);
	 	$(".page_back").hide();
	 	
		var android_width = $(window).width();
		var android_heigh = $(window).height();
		var real_time = android_width - 300;
		var real_width = Math.round(4*android_heigh/3);
		var c_margin = (android_width-real_width)/2;
		
		$(".wrap").css({"width":android_width+"px","height":android_heigh+"px"});
		$("#myCanvas").css({"width":real_width+"px","height":android_heigh+"px","margin-left":c_margin+"px"});
		$("#timeline").css({"width":real_time+"px"});
		$("#menu").css({"width":android_width+"px"});
		$("#item_info").css({"width":android_width+"px"});
		
		$("#myCanvas").click(function(){
			if($("#item_info").is(":hidden")){
				$("#item_info").show();
				$("#menu").show();
			}else{
				$("#item_info").hide();
				$("#menu").hide();
			}
		});
		$("#wait_min").css({"left": android_width/2-10+"px","top": android_heigh/2-10+"px"});
		$("#back_button").click(function(){
			//Events.trigger("Kernel:Control:stop");
			//player.view.rand_stop();
			player.view.stop();
			window.VideoPlayActivity.openBack();
		});
			
	 }
});

</script>
</body>
</html>
<?php }} ?>